/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0066CC;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1210px;max-width:100%}
.fl{ float:left}
.fr{ float:right}

.header .logo{ float:left;}
.app_header{ display:none;border-top-style: solid;
	border-top-color: #004B6B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}


.app_top{width:100%;/*height:162px;*/ float:left;}
.header{
/*	position:fixed;*/
	width:100%;
	z-index:99;
	left:0px;
	top:0px;
background-color: #FFFFFF;
/*		border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #004B6B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;*/
}
.header .box1{
	position: relative; padding-top:10px; padding-bottom:10px;
}
.header .tel{
	line-height: 30px;
	
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left top;

	padding-left: 58px;
	visibility: inherit; float:right; margin-top:30px; min-height:50px;
}
.header .tel span,.header .tel b{
	display:block;
	color: #333333;
	line-height: 24px;
}
.header .tel b{
	color: #F30100;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
	font-style: italic;
	font-size: 24px;
}
.header  .lan{
	line-height: 30px;

	float: right;
	height: 30px;

	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: -6px;
	left: 50%; width:50%;
	text-align: left;
	text-indent: 55px; z-index:2;

}
.header  .lan >div{	background-image: url(lantop.jpg);
	background-repeat: no-repeat;
	background-position: left top;	background-color: #004B6B;padding-left:58px; margin-left:350px; min-width:200px;}
.header  .lan a{
	color:#FFFFFF;
	background-image: url(zh.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px; margin-left:10px;
	
}
.header  .lan a.a2{ background-image: url(en.png);}
#nav{
	background-color: #004B6B;
	line-height: 50px;
	float:left;
	width:100%;
	clear:both;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00479F;
}
#nav >.box1{ padding:0px;}
#nav >.box1>ul>li{
	float:left;
	width:11.11111111%;
	text-align:center;
	position: relative;
}
#nav >.box1>ul>li>a{
	color:#FFFFFF;
	display:block;
	position: relative; margin-left:1px; margin-right:1px;
}
#nav >.box1>ul>li>a.select,#nav >.box1>ul>li>a:hover{ background-color:#FF6600}
#nav >.box1>ul>li>a:after{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:rgba(0,0,0,0.3);
	border-left-color: rgba(255,255,255,0.2);
	height:30px;
	content:'';
	position: absolute;
	left: -2px;
	top: 10px;
}
#nav >.box1>ul>li:first-child>a:after{ display:none}
#nav ul li{	position: relative; }

#nav ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 50px;background-color:rgba(255,255,255,0.8); display:none; z-index:2;
}
#nav ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:rgba(255,255,255,0.1);
	background-color: #004B6B; 
}

#nav ul ul ul{ left:100%; top:0px;}



#nav ul li:hover{background-color:#004B6B;}





#nav ul ul li a{
	color: #ffffff; display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;
}
#nav ul ul li a:hover{background-color:#155FB0;color:#FFFFFF;}
#nav ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/*底部*/
.footer2{
	background-color: #2d3236;
	float: left;
	width: 100%; padding-top:50px; padding-bottom:50px;
}
.footer{
	background-color:#23282c;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#dddddd}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:32px;}
.footer2 .flx{ width:280px; float:left; }
.footer2 .qrcode{ width:250px; float:right}
.footer2 .etitle{
	color:#FFFFFF;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #d4bb56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ccc;
min-height:180px;
}



#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}

.list{
	float: left;
	margin: 10px;

}
.list .img{
	background-color:#FFFFFF;
	position: relative;
display: flex;align-items: center
}
.list .img img{ max-width:100%;max-height:100%; align-items: center;}
.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.list div.ntitle{
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%;
}
.list a:hover div.ntitle{ color:#0066CC;

}

/*首页产品*/
.pro{ clear:both; float:left; width:100%; margin-top:5px; margin-bottom:20px;}
.pro .etitle{
	background-image: url(pronav.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:130px; line-height:130px;
}

.pro .h1{ color:#FFFFFF; padding-top:25px; width:380px; max-width:100%;}


.pro .h1 b,.pro .h1 b a{
	font-size:38px;
	font-weight: lighter;color:#FFFFFF
}
.pro .h1 b,
.pro .h1 span{ display:block}
.pro .h1 b{ line-height:50px;}
.pro .h1 span{ line-height:30px;}
.pro .sort{ float:left}

.pro .sort a{
	font-size:24px;
	position: relative; display:inline-block; padding-left:10px; margin-right:25px; margin-left:25px;
}
.pro .sort a:after{content:'';
	background-color: #CC0000;
	float: left;
	height: 6px;
	width: 6px;
	margin-top: -3px;
	position: absolute;
	left: 0px;
	top: 50%;
}
.pro .econtent{ clear:both; float:left; width:100%; margin-top:20px; padding-bottom:20px;}
.pro .econtent .list{
	width:270px;
	margin-right: 16px;
	margin-left: 16px;
}
.pro .econtent .list .img{ height:185px;float:left; text-align:center;}
.pro .more{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px; line-height:40px;}
.pro .more a{border-radius:3px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666; display:inline-block; padding-left:50px; padding-right:50px;
}

.cert .etitle{
	background-image: url(pronav2.jpg);

}
.cert .h1{ float:right; text-indent:50px;}
.cert .sort{ float:left}



.links{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; background-color:#FFFFFF
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}

/*关于我们*/
.about{
	background-image: url(about.jpg);
	background-repeat: no-repeat;
	background-position: center top; /*height:878px;*/ clear:both
}
.about .box1{
	position: relative; padding-top:20px; padding-bottom:50px;
}

.about .left{
	float: left;
	width: 380px; font-size:14px; line-height:3; 
}
.about .left .sort{ clear:both}
.about .left .sort a{
	background-image: url(a1.png);
	display:inline-block;
	padding-left:15%;
	background-repeat: no-repeat;
	background-position: left center;
	float:left;
	width:35%;
	text-align:left;
	font-size:16px;
	
}
.about .left .sort a span{
	padding-bottom:5px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.about .left .sort a.a2{background-image: url(a2.png);}
.about .left .sort a.a3{background-image: url(a3.png); clear:both}
.about .left .sort a.a4{background-image: url(a4.png);}

.about .left,.about .left a{ color:#FFFFFF}
.about .etitle{
	text-align:left;
	font-size:30px;
	line-height:60px;
	padding-bottom:30px;
	padding-top:50px;

}
.about .etitle b{
	font-weight: lighter;
	color:#ffffff;	
	position: relative; display:inline-block;
}

.about .etitle b:after{content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F4FE00;
	position: absolute;
	left: 0%;
	bottom: 0px;
	width:50px;
	float:left;

	margin-left: 0px;
}


.about .right{
	float: right;
	width: 680px; margin-top:130px;

	background-image: url(yys.png);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:30px; background-size:100% 30px; font-size:14px;
}
.about .right .xm{	background-color: #FFFFFF;
	background-color:rgba(255,255,255,0.8); padding:20px;}
.about .right .title{
	color: #004B6B;
	font-size: 20px;
}	

.about .right .hc{}
.about .right .more{ clear:both; text-align:right; font-size:12px;}
.about .right .more a{ color:#333333}

/*首页新闻*/
.news{ float:left;width:49%;}
.wenda{ float:right;width:49%;}
.newsbg{
	background-image: url(line.jpg);
	background-repeat: no-repeat;
	background-position: center 100px; padding-bottom:20px;
}
.newsbg .etitle{
	line-height: 86px;

	float: left;
	width: 100%;	text-indent: 50px;
}
.news .etitle{ background-color:#004B6B;
}
.wenda .etitle{ background-color:#e6e6e6;
}
.newsbg .etitle b,.newsbg .etitle b a{
	color:#FFFFFF;
	font-size: 28px;
	font-weight: lighter;
	text-align: left;

}
.newsbg .box1{ width:100%; max-width:1366px;}
.news .etitle>div{ background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;clear:both;}
.wenda .etitle>div{background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top; clear:both;}	
.news .econtent,.news .etitle>div{ float:right; clear:both; width:580px; max-width:100%;}
.wenda .econtent,.wenda .etitle>div{ float:left; clear:both; width:580px; max-width:100%;}
.newsbg .econtent{ padding-top:20px;}
.news .picli{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news .picli:last-child{ border:none;}
.news .picli .img{ float:left; width:200px; height:130px; overflow:hidden;}
.news .picli  .img{
	background-color:#FFFFFF;
	position: relative;
display: flex;align-items: center; text-align:center;
}
.news .picli  .img img{ max-width:100%;max-height:100%; align-items: center;}
.news .picli .right{ margin-left: 220px; margin-right:20px;}
.news .picli .right .ntitle{
	text-align: left;
	white-space: nowrap;
	overflow: hidden; font-size:19px;
}
.news .picli .right .dp{ line-height:1.5; font-size:12px; color:#616161; height:6em; overflow:hidden;}

.wenda .econtent .li{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}
.wenda .econtent .li .ntitle{
	background-image: url(w.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 35px;
}
.wenda .econtent .li .dp{
	background-image: url(d.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:30px;
	color: #666666;
	line-height:1.5;
	padding-top: 5px; height:402px; overflow:hidden;
}


.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #0066CC;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#006699; color:#FFFFFF}

.pagination li a{ color:#333333}




.device {
  width: 100%;
  position: relative;
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {

  width:100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}

.device .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}